@import './base.css';
@import './rerset.less';
@import './vant.less';
@import './modal.less';
@import './icons.less';

/* 公共样式 */
.pd14 {
  padding: 14px;
}

.pd14_tb {
  padding: 14px 0;
}

.pd14_lr {
  padding: 0 14px;
}

.pd14_20 {
  padding: 20px 14px;
}

.pd20_tb {
  padding: 20px 0;
}

.pd20_12 {
  padding: 20px 12px;
}

.pd12 {
  padding: 12px;
}

.pd12_lr {
  padding: 0 12px;
}

.pd15_lr {
  padding: 0 15px;
}

.pd8_tb {
  padding: 8px 0;
}

.pd4_tb {
  padding: 4px 0;
}

.pd10_tb {
  padding: 10px 0;
}

.pd10 {
  padding: 10px;
}

.pdbt_100 {
  padding-bottom: 100px;
}

.pdbt_60 {
  padding-bottom: 60px;
}

.pdbt_10 {
  padding-bottom: 10px;
}

.pdbt_14 {
  padding-bottom: 14px;
}

.pdbt_20 {
  padding-bottom: 20px;
}

.pb5 {
  padding-bottom: 5px;
}


.mt10 {
  margin-top: 10px;
}

.mt4 {
  margin-top: 4px;
}

.mt2 {
  margin-top: 2px;
}

.mt6 {
  margin-top: 6px;
}

.mt14 {
  margin-top: 14px;
}

.mb14 {
  margin-bottom: 14px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb10 {
  margin-bottom: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mr10 {
  margin-right: 10px;
}

.mr8 {
  margin-right: 8px;
}

.mr2 {
  margin-right: 2px;
}

.mr4 {
  margin-right: 4px;
}
.mr6 {
  margin-right: 6px;
}
.ml10 {
  margin-left: 10px;
}

.ml4 {
  margin-left: 4px;
}

.ml2 {
  margin-left: 2px;
}
.ml20 {
  margin-left: 20px;
}

.lh_1-5 {
  line-height: 1.5;
}

.lh_1-2 {
  line-height: 1.2;
}

.lh_2 {
  line-height: 2;
}

.lh_1 {
  line-height: 1;
}
.lh16 {
  line-height: 16px;
}

.bg-fff {
  background-color: #ffffff;
}

.black3 {
  color: #333333 !important;
}

.ft_c6 {
  color: #666666;
}

.black9 {
  color: #999999;
}

.ti_2 {
  text-indent: 2em;
}

.ftc2 {
  color: #E6A663;
}

.ftc3 {
  color: #ff6e0d;
}
.ftc31 {
  color: #FF8700;
}
.ftc4 {
  color: #D44438;
}

.ftc1 {
  color: #ffffff;
}

.ftc5 {
  color: #1B1B1B;
}

.ftc6 {
  color: #F94D44;
}

.ftc7 {
  color: #f05a4b;
}

.ftc8 {
  color: #343434;
}

.ftc9 {
  color: #242424;
}

.ftc10 {
  color: #FF8D1A;
}

.ftc11 {
  color: #9a6a2d;
}

.ftc12 {
  color: #43CF7C;
}

.ftc13 {
  color: #747474;
}

.ftc14 {
  color: #d9261d;
}

.ftw6 {
  font-weight: 600;
}

.ftw5 {
  text-shadow: 0 0 0.25px currentcolor;
}

.cur_po {
  cursor: pointer;
}

.ft24 {
  font-size: 24px;
}

.ft18 {
  font-size: 18px;
}

.ft16 {
  font-size: 16px;
}

.ft15 {
  font-size: 15px;
}

.ft14 {
  font-size: 14px;
}

.ft12 {
  font-size: 12px;
}

.ft10 {
  font-size: 10px;
}

.talign_c {
  text-align: center;
}

.ml5 {
  margin-left: 5px;
}

.mr5 {
  margin-right: 5px;
}

// 文本 2行 省略
.mess2 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.mess3 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.mess {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mess4 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

// \n 换行
.txt_space {
  white-space: pre-line;
}

.of_hid {
  overflow: hidden;
}

/* flex布局 */
.flex,
.flx {
  display: flex;
}

.flex-lr,
.flx-sa {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-col,
.flx-col {
  display: flex;
  flex-direction: column;
}

.flex_ac,
.flx-ac {
  display: flex;
  align-items: center;
}

.flex-aj_cc,
.flx-cc {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex_ai_c {
  align-items: center;
}

.flex_jc_c {
  justify-content: center;
}

.flex_jc_end {
  justify-content: flex-end;
}

.flex_align_end {
  align-items: flex-end;
}

.flex_w {
  flex-wrap: wrap;
}

.flex_1 {
  flex: 1;
}

.w100 {
  width: 100% !important;
}

.wpx100 {
  width: 100px;
}

.w14 {
  width: 14px;
}

.w15 {
  width: 15px;
}

.w16 {
  width: 16px;
}
.label-w {
  max-width: calc(100% - 40px);
}


.h100v{
  min-height: 100vh;
}
.bottomBoxBar {
  background-color: #fff;

  .cellBtns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 50px;
    padding: 5px 12px;
    overflow: hidden;

    .feeBox {
      flex: 1;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding-right: 15px;
      font-size: 12px;
    }

    .preNum {
      font-size: 24px;
      color: #D44438;
    }

    .symbole {
      font-size: 16px;
      line-height: 42px;
      color: #D44438;
      font-weight: 700;
    }

    .sureBtn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 190px;
      height: 44px;
      border-radius: 44px;
      color: #fff;
      font-size: 18px;
      background-image: linear-gradient(to right, #FF462C, #CB1800);
      letter-spacing: 3px;

      &:active {
        opacity: 0.75;
      }
    }
  }
}

.btn_bg2 {
  background-image: linear-gradient(180deg, #ff9e3a, #ff5903);
}

.btn_bg {
  background-image: linear-gradient(to right, #FF462C, #CB1800);
}

.btn_bg3 {
  background-image: linear-gradient(180deg, #7f808a, #7f808a);
}

.box_sad {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}



.scroll-y {
  width: 100%;
  overflow: hidden;
  overflow-y: scroll;
}

.keyBox {
  flex: 1;
  padding: 0 20px;
}

.keyInput {
  width: 100%;
  height: 100%;
  height: 30px;
  border: 1px solid #e6e6e6;
  padding: 0 5px;
}

.tagCell {
  display: inline-block;
  min-width: 55px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #f54040;
  text-align: center;
  border-radius: 2px;
  padding: 0 7px;
  margin: 3px 4px 3px 0;
  background-color: #fff0f0;
  box-shadow: 0 0 0 0.5px #f54040;
}

.unit_page {
  width: 100%;
  padding: 14px;
  background-color: #ffffff;
}

.pic_sign {
  display: inline-block;
  width: 180px;
  height: 144px;
  background: url("https://wxou.mschn.cn/app_h5/insurepics/icons/qianming.png")
    no-repeat;
  background-size: 100% 100%;
}
